:root {
  /* ------1.主色系----- */

  /* 1.1 蓝色系 */
  --xwd-blue: #0066fd;
  --xwd-blue-50: rgb(83 151 254);
  --xwd-blue-100: #566286;
  --xwd-blue-200: #dcdce5;
  --xwd-blue-300: #f4f6fa;
  --xwd-blue-400: #e5f0ff;
  --xwd-blue-500: #f0f6ff;
  --xwd-blue-600: #f9fafc;

  /* 1.2 暗蓝色系 */
  --xwd-dark-blue-100: rgb(0 102 253 / 10%);
  --xwd-dark-blue-200: rgb(0 102 253 / 20%);
  --xwd-dark-blue-300: rgb(0 102 253 / 30%);
  --xwd-dark-blue-400: rgb(0 102 253 / 40%);
  --xwd-dark-blue-500: rgb(0 102 253 / 50%);

  /* 1.3 黑色系 */
  --xwd-black: #000;
  --xwd-black-100: #333;
  --xwd-black-200: #666;
  --xwd-black-300: #999;
  --xwd-black-400: #ccc;
  --xwd-black-500: #fafafa;
  --xwd-black-600: #dcdce5;

  /* 1.4 青色系 */
  --xwd-cyan: #22c6f8;
  --xwd-cyan-100: rgb(34 198 248 / 10%);
  --xwd-cyan-200: rgb(34 198 248 / 20%);
  --xwd-cyan-300: rgb(34 198 248 / 30%);
  --xwd-cyan-400: rgb(34 198 248 / 40%);
  --xwd-cyan-500: rgb(34 198 248 / 50%);

  /* 1.5 橙色系 */
  --xwd-orange: #ff9f00;
  --xwd-orange-100: rgb(255 159 0 / 10%);
  --xwd-orange-200: rgb(255 159 0 / 20%);
  --xwd-orange-300: rgb(255 159 0 / 30%);
  --xwd-orange-400: rgb(255 159 0 / 40%);
  --xwd-orange-500: rgb(255 159 0 / 50%);

  /* 1.6 绿色系 */
  --xwd-green: rgb(82 196 26 / 100%);
  --xwd-green-100: rgb(82 196 26 / 10%);
  --xwd-green-200: rgb(82 196 26 / 20%);
  --xwd-green-300: rgb(82 196 26 / 30%);
  --xwd-green-400: rgb(82 196 26 / 40%);
  --xwd-green-500: rgb(82 196 26 / 50%);

  /* 1.7 红色系 */
  --xwd-red: rgb(255 77 79 / 100%);
  --xwd-red-100: rgb(255 77 79 / 10%);
  --xwd-red-200: rgb(255 77 79 / 20%);
  --xwd-red-300: rgb(255 77 79 / 30%);
  --xwd-red-400: rgb(255 77 79 / 40%);
  --xwd-red-500: rgb(255 77 79 / 50%);

  /* -----2.功能色----- */

  /* 2.1 链接/点击 */
  --xwd-link: var(--xwd-blue-50);
  --xwd-link-100: var(--xwd-dark-blue-100);
  --xwd-link-200: var(--xwd-dark-blue-200);
  --xwd-link-300: var(--xwd-dark-blue-300);
  --xwd-link-400: var(--xwd-dark-blue-400);
  --xwd-link-500: var(--xwd-dark-blue-500);

  /* 2.2 帮助提示 */
  --xwd-help: var(--xwd-cyan);
  --xwd-help-100: var(--xwd-cyan-100);
  --xwd-help-200: var(--xwd-cyan-200);
  --xwd-help-300: var(--xwd-cyan-300);
  --xwd-help-400: var(--xwd-cyan-400);
  --xwd-help-500: var(--xwd-cyan-500);

  /* 2.3 异常/进行 */
  --xwd-warning: var(--xwd-orange);
  --xwd-warning-100: var(--xwd-orange-100);
  --xwd-warning-200: var(--xwd-orange-200);
  --xwd-warning-300: var(--xwd-orange-300);
  --xwd-warning-400: var(--xwd-orange-400);
  --xwd-warning-500: var(--xwd-orange-500);

  /* 2.4 成功/正确 */
  --xwd-success: var(--xwd-green);
  --xwd-success-100: var(--xwd-green-100);
  --xwd-success-200: var(--xwd-green-200);
  --xwd-success-300: var(--xwd-green-300);
  --xwd-success-400: var(--xwd-green-400);
  --xwd-success-500: var(--xwd-green-500);

  /* 2.5 错误 */
  --xwd-error: var(--xwd-red);
  --xwd-error-100: var(--xwd-red-100);
  --xwd-error-200: var(--xwd-red-200);
  --xwd-error-300: var(--xwd-red-300);
  --xwd-error-400: var(--xwd-red-400);
  --xwd-error-500: var(--xwd-red-500);

  /* 风格 */
  --xwd-primary: var(--xwd-blue);
  --xwd-primary-hover: var(--xwd-blue-50);
  --xwd-default: var(--xwd-black-400);
  --xwd-default-bg: var(--xwd-black-500);
  --xwd-default-border: var(--xwd-black-600);
  --xwd-default-hover: var(--xwd-primary);
  --xwd-disabled: var(--xwd-black-400);
}
